/* 
    Document   : style
    Created on : 11-mei-2012, 17:35:02
    Author     : LimeLight
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
/* 
    Document   : style
    Created on : 11-mei-2012, 17:35:02
    Author     : LimeLight
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
/* Définition des polices personnalisées */
@font-face
{
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
}

/* Eléments principaux de la page */
body {
	background-color:#fff;
	background-position:top left;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
}


#bloc_page
{
width: 100%;
margin: auto;
}
section h1, footer h1, nav a
{
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
text-transform: none;
}

/* Header */
header
{
background: url('../images/bg-1.jpg')center center no-repeat;
background-color: #fff;
position: relative;
width:100%;
clear:both;

height:214px;
}
#titre_principal
{
display: inline-block;
}
header h1
{
font-weight: normal;
}
 header figure img
{
position: absolute;
top: 100px;
left: 240px;
}
header h2
{
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin-top: 0px;
font-weight: normal;
}

/* Navigation */
nav
{
background-color: #000;
display: inline-block;
width: 100%;
height:35px;
text-align: justify;
}
nav ul
{
list-style-type: none;
}
nav li
{    
display: inline-block;
vertical-align: top;

}
nav a
{
font-size: 1em;
color: #fff;
padding-bottom: 3px;
text-decoration: none;
font-style: normal;
font-weight: bold;

}
nav a:hover
{
color: #fff;
font-style: normal;
font-weight: bold;
}

/* Corps */
article, aside
{
display: inline-block;
vertical-align: top;
text-align: justify;
}
article
{
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
min-width: 600px;
margin-right: 15px;
}
article p
{
color: #666;
margin: 15px
}
aside
{
position: relative;
width:20%;
padding: 10px;
color: white;
font-size: 0.9em;
}
aside h1
{
font-weight: bold;
color: #0099FF;
font-size: 1.2em;
text-decoration: none;
font-style: normal;
}

aside p
{
font-family: Arial, Helvetica, sans-serif;
color: #666;
font-size: 0.8em;
padding-bottom: 25px;
}

aside img
{
margin-right: 5px;
display: block;
border-radius: 5px;
}

/* Footer*/
footer
{
font-family: Arial, Helvetica, sans-serif;
background-color: #CCC;
padding: 15px;
}
footer p, footer ul
{
font-size: 0.8em;
color: #000;
}

footer h1
{
font-size:0.9em;
}
#tweet, #mes_photos, #mes_amis
{
display: inline-block;
vertical-align: top;
}

/* table */
table
{
border-collapse: collapse;
padding: 12px;
width: 100%;
}

/* Mettre une bordure sur les td ET les th */
td, th 
{
padding: 10px;
margin: 10px;
border-bottom: 0px solid #C8D6E2;
border-right: 0px solid #C8D6E2;
vertical-align: middle;
text-align: left;
background: #F0F1F1;
color: #707070;
}

img, img a {
	border:none;
}

h1 {    
    background-color:#CCC;
    border: 0px solid;
    color:#666;
    text-align: center;
    }

p {
    text-indent: 20px; 
    
    }
 fieldset {
                width: 80%;
                margin: 15px 0px 25px 25px;
                padding: 15px;
            }
            legend {
                font-weight: bold;
            }
            fieldset img {
                float: right;
            }
            fieldset p {
                font-size: inherit;
                font-style: normal;

            }
            fieldset p input {

                display: block;
                margin-left:20px;
                font-style: normal;

            }
            .button {
                text-align: right;
            }
            .button input {
                font-weight: bold;
            }
a{
            text-decoration: none;
    }
        a hover{text-decoration: none;
           
        }
    /* Light Blue Skin */



